<script setup>
import GridWrapper from '@/components/GridWrapper/GridWrapper.vue';
import Gfdgk from './Gfdgk.vue';

const layout = [
	{ x: 6, y: 0, w: 2, h: 1, i: '0', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 8, y: 0, w: 2, h: 1, i: '1', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 10, y: 0, w: 2, h: 1, i: '2', meta: { title: '光伏点概况' }, component: Gfdgk },

	{ x: 6, y: 1, w: 2, h: 1, i: '3', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 8, y: 1, w: 2, h: 1, i: '4', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 10, y: 1, w: 2, h: 1, i: '5', meta: { title: '光伏点概况' }, component: Gfdgk },

	{ x: 6, y: 2, w: 2, h: 1, i: '6', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 8, y: 2, w: 2, h: 1, i: '7', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 10, y: 2, w: 2, h: 1, i: '8', meta: { title: '光伏点概况' }, component: Gfdgk },

	{ x: 6, y: 3, w: 2, h: 1, i: '9', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 8, y: 3, w: 2, h: 1, i: '10', meta: { title: '光伏点概况' }, component: Gfdgk },
	{ x: 10, y: 3, w: 2, h: 1, i: '11', meta: { title: '光伏点概况' }, component: Gfdgk },
];
</script>

<template>
	<GridWrapper :layout="layout"></GridWrapper>
</template>

<style scoped>
:deep(.vue-grid-item) {
	border: 1px solid deepskyblue;
}
</style>
